@charset "utf-8";
*{ margin:0; padding:0; font-family:'Microsoft YaHei'; font-size:14px; }
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body{  background:#fff; overflow-x:hidden }
img{ border:0;}
li {list-style: none;}
h1,h2,h3,h4,h5,h6 { font-weight:normal;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline; }

.fl{float: left!important;}
.fr{float: right!important;}
.clr , .clear{ clear:both;}
.clearfix:after{ display:block; clear:both; content:'';}


header{ width:1275px; margin:0 auto; }
header .logo{ float:left; }
header .tel{ width:250px; height:60px; float:right; background:url(images/tel.jpg) 0 center no-repeat; padding-left:60px; margin-top:30px; }
header .tel span{ display:block; font-size:16px; line-height:25px; margin-top:3px; }
header .tel p{ font-size:22px; color:#0e0e0e; font-weight:bold; }

nav{ width:100%; min-width:1275px; background:#0B62B1; }
nav .menu{ width:1275px; height:60px; margin:0 auto; }
nav .menu a{ width:calc(100% / 8); height:60px; display:block; line-height:60px; font-size:18px; float:left; color:#fff; text-align:center; }
nav .menu a:Hover{ background:#FFA200; color:#000; text-decoration:none;}


.lunbo{ width:100%; min-width:1275px; }
.lunbo img{ display:block; }

.search_box{ width:100%; min-width:1275px; height:65px; overflow:hidden; border-bottom:1px solid #C9C9C9; box-shadow:0 0 15px rgba(103,103,103,.3); }
.search{ width:1275px; margin:0 auto; }
.hot_keyword{ width:940px; line-height:65px; float:left; }
.hot_keyword b{ color:#555454; font-size:18px; }
.hot_keyword a{ color:#686565; font-size:18px; margin-right:30px; }
.search_i{ width:270px; height:42px; line-height:42px; background:#EEEEEE; border-radius:4px; float:right; margin-top:11px; }
.search_i input{ width:205px; height:42px; border:0; background:none; float:left; margin-left:8px; }
.search_i button{ width:50px; height:42px; border:0; background:url(images/search_btn.jpg) no-repeat center; cursor:pointer; }

.title{ width:100%;text-align:center; padding:50px 0 45px; }
.title b{ width:100%; color:#343434; font-size:40px; }
.title p{ color:#797979; font-size:20px; margin-top:15px; }

.product{ width:1240px; margin:0 auto 50px; }

.prod_type{ width:270px; height:2080px; overflow:Hidden; float:left; } 
.prod_type .t{ width:100%; height:76px; text-align:center; line-height:76px; background:#0B62B1; font-size:25px; color:#fff; border-bottom:1px solid #fff; }
.prod_type .type_1{ width:100%; height:60px; line-height:60px; background:#0B62B1; font-size:18px; color:#fff;padding-left:33px; position:relative; }
.prod_type .type_1:after{ width:20px; height:60px; content:'+'; text-align:center; display:block; position:absolute; top:0; right:15px; font-size:18px; }
.prod_type .type_2{ width:100%; margin-bottom:10px; }
.prod_type .type_2 a{ width:100%; height:50px; overflow:hidden; line-height:50px; background:#ECECEC; border-bottom:1px solid #fff; display:block; padding-left:33px; color:#343434; font-size:15px; }
.prod_type .type_2 a:Hover{ background:#D8EBFC; }

.prod_box{ width:940px; float:right; overflow:hidden; }
.prod_box .prod_title{ width:100%; height:45px; line-height:42px; color:#fff; font-size:25px; padding-left:20px; margin-bottom:18px; border-bottom:3px solid #FFA200; background:#0B62B1; position:relative;}
.prod_box .prod_title a.more{ width:120px; height:45px; position:absolute; top:0; right:0; background:#BFBFBF; color:#fff; line-height:45px; text-align:center; font-size:15px; }
.prod_box .prod_list{ width:100%; height:630px;}
.prod_box .prod_list li{ width:301px; float:left; margin-left:18px; }
.prod_box .prod_list li:nth-child(1),.prod_box .prod_list li:nth-child(4){margin-left:0; }
.prod_box .prod_list li a.pic{ width:100%; height:260px; border:1px solid #BFBFBF; display:block; overflow:hidden;  }
.prod_box .prod_list li img{ width:100%; height:259px; transition:.3s; }
.prod_box .prod_list li img:hover{ transform:scale(1.1,1.1); }
.prod_box .prod_list li a.tit{ width:100%; height:55px; line-height:55px; text-align:center; color:#4e4e4e; font-size:16px; display:block; }



.youshi_box{ width:100%; min-width:1275px; height:915px; background:url(images/youshi.jpg) no-repeat center; overflow:hidden; }
.youshi{ width:1270px; height:898px; margin:0 auto; padding-top:170px; position:relative; }
.youshi_left{ width:350px; height:430px; float:left; background:url(images/youshi_left.png) no-repeat; padding-left:53px; }
.youshi_right{ width:350px; height:430px; float:right; background:url(images/youshi_right.png) no-repeat; padding-left:53px; }
.youshi_tit{ width:100%; font-size:25px; line-height:30px; font-weight:bold; color:#fff; margin-bottom:10px; }
.youshi_con{ width:100%; height:105px; color:#fff; line-height:28px; font-size:16px; }
.youshi .online{ position:absolute; left:967px; top:690px; }
.youshi .online .tel{ font-size:30px; color:#fff; }
.youshi .online button{ width:210px; height:50px; border:0; background:#FFA200; line-height:50px; color:#000; border-radius:5px; font-size:18px; margin-top: 20px; cursor:pointer; }


.liyou_tit{ width:100%; min-width:1275px; height:219px; background:url(images/liyou_tit.jpg) no-repeat center; }
.liyou1_box{ width:100%; height:357px; background:url(images/liyou1_jt.jpg) no-repeat #EFEFEF; margin-top:30px; padding-top:15px; }
.liyou1{ width:1200px; height:335px; background:url(images/liyou1_bg.jpg) no-repeat center; margin:0 auto 0; padding:66px 0 0 137px; }
.liyou2{ width:1275px; height:339px; background:url(images/liyou2_bg.jpg) no-repeat; margin:85px auto 0; padding:67px 0 0 765px; }
.liyou3_box{ width:100%; height:358px; background:url(images/liyou3_jt.jpg) no-repeat #EFEFEF right; margin-top:60px;}
.liyou3{ width:1275px; height:358px; background:url(images/liyou3_bg.jpg) no-repeat; margin:0 auto 0; padding:78px 0 0 135px; }

.liyou_t{ font-size:25px; color:#323333;margin-bottom:29px; }
.liyou_t b{ color:#0a63b5; font-size:35px; }
.liyou_c{ font-size:16px; color:#666464; line-height:29px; padding-left:22px; }



.brandlist{ width:1316px; margin:0 auto 55px; }
.brandlist a { width:170px; height:100px; overflow:Hidden; float:left; margin:9px; box-shadow:0 0 8px #ccc; display:block; }
.brandlist img{ width:170px; height:100px; transition:.3s;  }
.brandlist img:hover{ transform:scale(1.2,1.2); }


.about_tit{ width:100%; height:252px; background:url(images/about_tit.jpg) no-repeat center; }

.about_con{ width:1205px; margin:45px auto; }
.about_con .about_t{ width:615px; height:48px; line-height:48px; text-align:center; color:#2356a9; font-size:22px; border:1px solid #2356a9; font-weight:bold; float:left; }
.about_con .about_i{ width:615px; float:left; font-size:16px; color:#7b7a7a; line-height:33px; margin-top:15px;}
.about_con a.more{ font-size:16px; color:#f29a00; }


.honor{ width:1270px; margin:0 auto; }
.honor .tags{ text-align:center; margin-bottom:30px; }
.honor .tags a{ width:233px; height:56px; display:inline-block; text-align:center; line-height:56px; background:#000; font-size:30px; color:#fff; }
.honor .tags a:hover{ text-decoration:none; }
.honor .tags a.active{ background:#0B62B1; font-weight:bold; }


.honorlist{ width:100%; height:250px; overflow:hidden; }
.honorlist a.pic{ width:287px; height:250px; display:block; border:1px solid #E5E5E5; overflow:hidden; }
.honorlist a.pic img{ width:100%; height:248px; transition:.3s;  }
.honorlist a.pic img:hover{ transform:scale(1.1,1.1); }


.information{ width:1200px; margin:50px auto 0; }
.information .news{ width:755px; float:left; }
.information .news_t{ width:100%; height:48px; border-bottom:2px solid #0B62B1; }
.information .news_t b{ width:150px; height:48px; line-height:48px; text-align:center; display:block; float:left; color:#2D373C; font-size:20px; border-radius:5px 5px 0 0; cursor:pointer; }
.information .news_t b.active{ background:#0B62B1; color:#fff; }
.information .news_t a.more{ width:65px; height:48px; float:right; line-height:48px; text-align:center; color:#9999B3; font-size:16px; }
.information .picnew { padding:25px 0; border-bottom:1px dashed #ccc; }
.information .picnew img{ width:300px; height:160px; float:left; margin-right:30px; }
.information .picnew a.tit{ color:#000; font-size:20px; padding:15px 0; display:inline-block; }
.information .picnew p{ color:#333; line-height:25px; }
.information .newslists{ width:100%; padding:10px 0; }
.information .newslists li{ line-height:40px; padding-left:20px; background:url(images/dot.jpg) no-repeat left center; }
.information .newslists li a{ font-size:16px; color:#000; }
.information .newslists li .d{ width:90px; float:right; color:#999; font-size:16px;}


.information .question{ width:415px; float:right; } 
.information .que_t{ width:100%; height:48px; line-height:48px; color:#2D373C; font-size:20px; border-radius:5px 5px 0 0; border-bottom:2px solid #0B62B1; font-weight:bold; }
.information .question ul { padding:0 20px 10px; border:1px solid #ccc;}
.information .question ul li{ border-bottom:1px dashed #ccc; padding:15px 0 20px; }
.information .question ul li .q{ width:100%; height:45px;display:block; line-height:45px; font-size:16px; color:#333; background:url(images/q.jpg) no-repeat 0 center; padding-left:30px; font-weight:bold;}
.information .question ul li p{ font-size:13px; color:#999; line-height:22px; background:url(images/a.jpg) no-repeat; padding-left:30px; }


.buttom{ width:100%; min-width:1275px; background:#2D2D2D; margin-top:50px; }
.buttom_line{ width:100%; height:1px; background:#595858; }
.buttom_menu{ width:1275px; margin:0 auto;}
.buttom_menu a{ width:calc(100% / 8); height:58px; display:block; line-height:58px; font-size:16px; float:left; color:#fff; text-align:center; }
.buttom_info{ width:1275px; margin:0 auto; padding:50px 0; }
.buttom_left{ width:350px; float:left; }
.buttom_rihgt{ width:900px; min-height:160px; background:url(images/bottom_logo.jpg) no-repeat 190px 0px; float:right; padding-top:130px; color:#fff; font-size:16px; text-align:right; }
.buttom .beian{ height:40px; line-height:40px; text-align:center; background:#03488d; color:#fff; }
.buttom .beian a{ color:#fff; }



.right-side{
    position: fixed;
    right: 20px;
    top:40%;
    z-index: 300;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.right-item{
    width: 78px;
    height: 78px;
    background: #0B62B1;
    margin-bottom:2px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.right-img{
    display: block;
}
.right-item-right{
    margin-left: 8px;
    position: absolute;
    width: 277px;
    height: 76px;
    background: #fff;
    border: 1px solid #0B62B1;
    color: #0B62B1;
    font-size: 28px;
    line-height: 76px;
    text-align: center;
    right:84px;
	display:none;
	transition:.3s;
}
/* .right-item:hover{
    background: #009944;
} */
.right-wechat{
    position: relative;
}
.wx-img{
    display: none;
    position: absolute;
    right: 80px;
    top: 0px;
    width: 120px;
    height: 120px;
    border: 1px solid #0B62B1;
    padding:5px;
    background: #fff;
	transition:.3s;
}
.wx-img img{
    display: block;
    width: 100%;
}
.right-item:hover .right-item-right , .right-item:hover .wx-img{ display:block; }

.main{ width:1200px; margin:0 auto; position:relative;overflow: hidden;clear:both; }

.all_left{ width:20%; float:left;}
.all_right{ width:78%; float:right; margin-top:20px; background:#fff;}


/*内页左侧*/
.left_list{ width:100%; float:left; margin-top:20px; margin-bottom:20px;}
.left_list strong { background: #0B62B1; color: #fff; display: block; font-size: 22px; overflow: hidden;	text-align:center; padding-top:40px;padding-bottom:20px; border-bottom:1px solid #fff; }
.left_list strong span {
    color: #fff;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 100;
    padding-top: 3px;
	width:280px;
}
.left_list ul li {
	vertical-align: middle;
	text-align:left;
	font-size:14px;
	background-color:#e7e7e7;
	border-bottom:1px #FFFFFF solid;
	color:#000;
}


.left_list UL li a {
	padding:13px 20px;
	min-height:50px;
	line-height:26px;
	font-size:16px;
	color:#333;
	display:block;
}
.left_list UL li a.has_sed{
    background: #0B62B1;
    color: #fff;
    position: relative;
}
.left_list UL li a.has_sed:after{
    width: 20px;
    height: 52px;
    line-height: 52px;
    content: '+';
    text-align: center;
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 18px;
}
.left_list UL li a.current2{ padding-left:33px;}
.left_list UL li a:hover {
	background-color:#C4E1FC;
	color:#000;
	display:block;
}

.left_list UL li.hover a {
	background-color:#DEA299;
	display:block;
	height:60px;
	line-height:60px;
	width:200px;
}

/*内页右侧*/
.right_tit{ width:100%; line-height:60px; border-bottom:1px solid #000; }
.right_tit:after{ display:block; clear:both; content:'';}
.right_tit h2{float:left; padding-left:30px; width:500px; font-size:16px;}
.right_tit span{padding-right:20px; font-size:14px; float:right}
.right_tit a{ color:#000; }
.right_all{ min-height:500px; padding:30px 20px;}



/*关于我们*/
.right_all .content{ width:100%; line-height:35px;}

/*新闻*/
.newslist{width:100%;}
.newslist ul li{width:100%; float:left; border-bottom:1px #dadada dashed; line-height:40px; padding-left:20px; background:url(images/dot.jpg) no-repeat 5px center;}
.newslist ul li span{width:100px; float:right; text-align:right}
.newslist ul li a{ color:#333; }

.newstitle {
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 30px;
	width: 100%
}
.newssubtitle {
	text-align: center;
	line-height: 60px;
	font-size: 14px;
	width: 100%
}
.newssubtitle span {
	width: 100%
}
.newsx {
	line-height: 40px;
	width: 100%;
	margin-top: 5px;
}
.newsx img { max-width:100%; height:auto; }

/* 产品列表 */
ul.piclist li{ margin:20px 15px 0; float:left; width:268px;}
ul.piclist li a.pic{ width:266px; height:200px; overflow:hidden; text-align:center; border:1px solid #999; display:block;}
ul.piclist li a.pic img{ width:266px; height:200px;}
ul.piclist li a.txt{ width:100%; height:30px; line-height:30px; display:block; text-align:center; font-size:16px; color:#333}
ul.piclist li a.txt:hover{ text-decoration:none}





/* 分页CSS */
.pg {
    margin: 20px 0;
    text-align: center;
    width: 100%;
	color:#595555;
}
.pg span {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #999999;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-align: center;
}
.pg a {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    color: #000 !important;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0 10px;
    text-decoration: none;
}